<script src="__PUBLIC__/layer/layer.js"></script>
<script src="__PUBLIC__/hytn/js/jquery.form.min.js" type="text/javascript"></script>
<script src="__PUBLIC__/shop.js"></script>
<link href="__PUBLIC__/css/footer.css" rel="stylesheet">
<style type="text/css">
    .qiangdanp:hover{color: #013ca6;}
    .jumpPage{background: #fff;}/*选中状态*/
</style>
<div id="h-top">
    <div class="container">
        <ul class="ulr">
            <if condition="session('user_id') eq null">
                <li><a href="{:U('login')}">HI,请登录</a></li>
                <li><a href="{:U('zhuce')}">免费注册</a></li>
                <if condition="session('user_id') eq null">
                    <li><a class="car-shop" href="{:U('login')}">我的订单</a></li>
                <else/>
                    <li><a class="car-shop" href="{:U('shop_order')}">我的订单</a></li>
                </if>
                <else/>
                <li>
                    <a href="javascript:;">欢迎您，{:session('user_name')}
                        <if condition="session('user_vip') eq 1">
                            <i style="color:#013ca6;font-style: italic;font-weight:bold">VIP</i>
                        </if>
                    </a>
                </li>
                <li><a href="{:U('login_out')}">退出</a></li>
                <li><a href="{:U('shop_order')}">我的订单</a></li>
                <if condition="session('user_type') eq 2">
                    <li id="qiangdan" style="position: relative;" class="{$shop_qiang}"><a href="{:U('shop_qiang')}">电工抢单</a></li>
                <elseif  condition="(session('user_type') eq 1) AND (session('user_real_name') eq '')"/>
                    <li class="info">
                        <a href="{:U('yuangongziliao')}">
                            <span class="bindMobile"></span><span class="userName">电工注册</span>
                        </a>
                    </li>
                </if>
                <if condition="session('user_id') neq ''">
                    <li class="info">
                        <a href="{:U('basic_information')}">
                            <span class="bindMobile"></span><span class="userName">个人中心</span>
                        </a>
                    </li>
                </if>
            </if>
        </ul>
    </div>
</div>
<div class="custom-header white">
    <!-- 头部 -->
    <div id="h-banner" class="container">
        <div class="logo">
            <img src="__PUBLIC__/images/logo.png" style="width: 144px;" id="g_logo">
        </div>
        <form action="{:U('shop_cate_goods')}" method="get">
            <div class="search ng-isolate-scope">
                <div>
                    <div class="search-text clearfix">
                        <input class="search-ipt ng-pristine ng-valid" name="search" type="text" value="{$search}" placeholder="请输入商品名称">
                        <input class="search-top-btn" type="submit" value=""> </div>
                </div>
            </div>
        </form>
        <!--购物车图片-->
        <div class="shopCar">
            <div>
                <if condition="session('user_id') eq null">
                    <a class="car-shop" href="{:U('login')}"> <img src=" __PUBLIC__/img/headerShopcar.png"></a>
                    <else/>
                    <a class="car-shop" href="{:U('shop_cart')}"><img id="shoping" src=" __PUBLIC__/img/headerShopcar.png">
                        <b id="shop" style="position: absolute;top: 1px;left: 42px;background: #013ca6;color: #fff;padding: 1px 6px;border-radius: 13px;">{$cart_num}</b>
                    </a>
                </if>
            </div>
        </div>
    </div>
    <div style="clear: both;"></div>
</div>

<div id="h-nav">
    <div class="container">
        <div class="side-nav">
            商品分类
            <ul class="side-ul fixed">
                <volist name="cate_name" id="cn">
                    <li class="ng-scope" style="height: 40px;">
                        <a href="javascript:;" class="ng-binding">{$cn.good_cate_name}</a>
                        <div class="nav-items">
                            <div class="nav-item show">
                                <div class="nav-left" style="width: 100%">
                                    <div class="nav-type" style="width: 100%">
                                        <ul>
                                            <volist name="cn.data" id="c">
                                                <li>
                                                    <a href="{:U('shop_cate_goods')}?cate_id={$c.id}">
                                                    <img src="{$c.cate_picture}" alt="" style="height: 120px;width: 120px;"/>
                                                    <p style="text-align: center;">{$c.good_cate_name}</p>
                                                </a>
                                                </li>
                                            </volist>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                </volist>
            </ul>
        </div>
        <ul class="main-nav clearfix visual">
            <visual-directive module-name="headerNav"></visual-directive>
            <li class="pdL20">
                <a href="{:U('index')}">首页</a><i class="op-icons op-icons-new"></i>
            </li>
            <li>
                <a href="{:U('shop_cate_goods',array('cate_id' => 1))}">特价优惠</a>
            </li>
            <li>
                <a href="{:U('shop_join_store')}">加盟店</a>
            </li>
        </ul>
    </div>
</div>
<script>
    $('#qiangdan').hover(function(){
        $(this).find('p').css({'display':'block','background':'#f5f5f5'})
    },function(){
        $(this).find('p').css({'display':'none','background':'#fff'})
    })
</script>